<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Data</title>
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="../css/custom-styles.css" />
		<link rel="icon" href="../img/icon.png" />
		<script src="../js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/echarts.common.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../js/index.js" ></script>
	</head>
	<body>
		<div id="wrapper">
			<div id="page-wrapper">
				<div id="page-inner">
					<div class="row">
						<div class="col-md-12">
							<h1 class="page-header">
                            	小美出行APP <small>数据分析表</small>
                        </h1>
						</div>
					</div>

					<div class="row">
						<div class="col-md-3 col-sm-12 col-xs-12">
							<div class="panel panel-primary text-center no-boder bg-color-green green">
								<div class="panel-left pull-left green">
									<span><img src="../img/people.png" style="height: 50px;width: 50px;margin-top: 20px;"/></span>
								</div>
								<div class="panel-right">
									<h3 class="userCount"></h3>
									<strong> 所有用户</strong>
								</div>
							</div>
						</div>
						<div class="col-md-3 col-sm-12 col-xs-12">
							<div class="panel panel-primary text-center no-boder bg-color-blue">
								<div class="panel-left pull-left blue">
									<span><img src="../img/wallet.png" style="height: 40px;width: 40px;margin-top: 25px;"/></span>
								</div>

								<div class="panel-right">
									<h3 class="orderCount"></h3>
									<strong>下单量</strong><br>
								</div>
							</div>
						</div>
						<div class="col-md-3 col-sm-12 col-xs-12">
							<div class="panel panel-primary text-center no-boder bg-color-red">
								<div class="panel-left pull-left red">
									<span><img src="../img/chat.png" style="height: 40px;width: 40px;margin-top: 27px;"/></span>
								</div>
								<div class="panel-right">
									<h3 class="broadcastCount"></h3>
									<strong>发帖量</strong>
								</div>
							</div>
						</div>
						<div class="col-md-3 col-sm-12 col-xs-12">
							<div class="panel panel-primary text-center no-boder bg-color-brown">
								<div class="panel-left pull-left brown">
									<span><img src="../img/warning.png" style="height: 50px;width: 50px;margin-top: 20px;"/></span>
								</div>
								<div class="panel-right">
									<h3 class="onLineCount"></h3>
									<strong>24小时在线量</strong>

								</div>
							</div>
						</div>
					</div>
					<div id="main1" style="width: 950px;height:500px;"></div>
					<div id="main2" style="width: 950px;height:500px;"></div>
		<script type="text/javascript">
		
			var myChart1 = echarts.init(document.getElementById('main1'));
			var myChart2 = echarts.init(document.getElementById('main2'));

			
		</script>
</html>